<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="../bootstrap-4.6.0-dist/css/bootstrap.min.css">
    <link rel="stylesheet" href="../css/Main-Page.css">
    <link rel="icon" type="image/x-icon" href="../img/logo.png">
    <script src="../js/jquery.js"></script>
    <title>哈哈哈网盘</title>
</head>

<body>
    <div class="cainter">
        <div class="head">
            <div class="head-left-logo">
                <img src="../img/logo.png" alt="" title="哈哈哈网盘">哈哈哈网盘
            </div>
            <div class="head-left-center">
                <span class="netdisc">网盘</span>
                <span class="share">分享</span>
                <span class="more-center">更多
                    <span class="iconfont ico1">&#xe600;</span>
                </span>

                <img src="../img/user-picture.png" alt="" class="user-picture">
                <span class="user-name">张婷1223</span>
                <span class="iconfont ico1">&#xe60a;</span>
                <span class="line">|</span>

                <span classs="client-download">客户端下载</span>
                <span class="iconfont ico2" title="铃声">&#xe659;</span>
                <span class="iconfont ico2" title="意见反馈">&#xe665;</span>
                <span class="iconfont ico2" title="皮肤">&#xe76d;</span>

                <span title="开通超级会员" class="member">开通超级会员</span>
            </div>


        </div>
        <div class="left mt-2">
            <ul class="left-center">
                <li onclick="a('./Main-Page/Main-Page-All.html')">
                    <a>
                        <span class="text">
                            <span class="iconfont ico3 ml-2" style="color: rgb(9,170,255);">&#xe662;</span>
                            <span style="color: rgb(9,172,291);">全部文件</span>
                        </span>
                    </a>
                </li>
                <li onclick="a('./Main-Page/Main-Page-Pacture.html')">
                    <a>
                        <span class="text1">
                            <span>图片</span>
                        </span>
                    </a>
                </li>
                <li onclick="a('./Main-Page/Main-Page-Doc.html')">
                    <a>
                        <span class="text1">
                            <span>文档</span>
                        </span>
                    </a>
                </li>
                <li onclick="a('./Main-Page/Main-Page-Vido.html')">
                    <a>
                        <span class="text1">
                            <span>视频</span>
                        </span>
                    </a>
                </li>
                <li onclick="a('./Main-Page/Main-Page-Music.html')">
                    <a>
                        <span class="text1">
                            <span>音乐</span>
                        </span>
                    </a>
                </li>
                <li class="wtmhRYBV" onclick="a('./Main-Page/Main-Page-Other.html')">
                    <a>
                        <span class="text1">
                            <span>其它</span>
                        </span>
                    </a>
                </li>
                <li>
                    <a>
                        <span class="text">
                            <span class="iconfont ico3 ml-2">&#xe799;</span>
                            <span classs="my-share">我的分享</span>
                        </span>
                    </a>
                </li>
                <li>
                    <a>
                        <span class="text">
                            <span class="iconfont ico3 ml-2">&#xe61a;</span>
                            <span classs="Recycle-bin">回收站</span>
                        </span>
                    </a>
                </li>
                <li>
                    <a>
                        <span class="text">
                            <span class="iconfont ico3 ml-2">&#xe617;</span>
                            <span class="collect-pfiles">收集文件</span>
                        </span>
                    </a>
                </li>
            </ul>
        </div>
        <div class="right">
            <div class="container-head">
                <div class="dropdown mt-2">
                    <button class="btn btn-primary ml-3" data-toggle="dropdown" style="float:left;" aria-haspopup="true"
                        aria-expanded="false">
                        <span class="iconfont ico3" style="color:white;">&#xe658;</span>
                        <span style="color:white;">上传</span>
                    </button>
                    <div class="dropdown-menu">
                        <a href="#" class="dropdown-item">上传文件</a>
                        <a href="#" class="dropdown-item">上传文件夹</a>
                    </div>
                </div>

                <div class="dropdown">
                    <button class="btn  ml-3 btn1" data-toggle="dropdown" style="float:left;" aria-haspopup="true"
                        aria-expanded="false">
                        <span class="iconfont ico3">&#xe695;</span>
                        <span>新建</span>
                    </button>
                    <div class="dropdown-menu">
                        <a class="dropdown-item" href="#">新建文件夹</a>
                        <a class="dropdown-item" href="#">新建Word</a>
                        <a class="dropdown-item" href="#">新建PPT</a>
                        <a class="dropdown-item" href="#">新建Excel</a>
                        <a class="dropdown-item" href="#">新建在线文档</a>
                    </div>
                </div>

                <div class="dropdown">
                    <button class="btn  ml-3 btn1" data-toggle="dropdown" style="float:left;" aria-haspopup="true"
                        aria-expanded="false">
                        <span class="iconfont ico3">&#xe622;</span>
                        <span>离线下载</span>
                    </button>
                </div>

                <div class="dropdown">
                    <button class="btn  ml-3 btn1" data-toggle="dropdown" style="float:left;" aria-haspopup="true"
                        aria-expanded="false">
                        <span class="iconfont ico3">&#xe6b7;</span>
                        <span>推送到设备</span>
                    </button>
                    <div class="dropdown-menu">
                        <a class="dropdown-item" href="#">推送设备列表</a>
                        <a class="dropdown-item" href="#">添加设备</a>
                    </div>
                </div>

                <div class="searchBox">
                    <span>搜索您的文件</span>
                    <span class="iconfont ico3" color="	#DCDCDC">&#xe8b9;</span>

                </div>
                <a><span class="iconfont ico4" style="float: left;">&#xe7e9;</span></a>
                <a>
                    <span class="iconfont ico4" title="格式切换">&#xe637;</span>
                    <span class="iconfont ico4" style="display:none;" title="格式切换">&#xe629;</span>
                </a>
            </div>
            <div class="container-center1">
                <div class="container-center1-file">
                    <span>全部文件</span>
                    <span style="margin-left:975px;">已全部加载，共11个</span>
                </div>
            </div>
            <div class="container-center2">
                <div class="container-center2-message">
                    <div class="file-float1">
                        <div class="squareFrame"></div>
                        <span class="ml-2" style="color: #888;">文件名</span>
                        <img src="../img/向上箭头.png" class="ml-1" title="1">
                    </div>

                    <div class="file-float2">大小</div>
                    <div class="file-float3">修改日期</div>
                </div>
            </div>

            <!-- 内容随导航栏点击效果改变 -->
            <div class="SelectConter"></div>

            <!-- 全部文件 -->
            <!-- <div class="container-center3">
                <div class="container-center3-folder">
                    <div class="file-float1">
                        <div class="squareFrame"></div>
                        <img src="../img/文件夹图片.png" class="ml-2">
                        <a href="#" class="ml-2" title="小学">小学</a>
                    </div>
                    <div class="file-float4">
                        <span class="iconfont ico5" title="格式切换">&#xe799;</span>
                        <span class="iconfont ico6" title="格式切换">&#xe60f;</span>
                        <span class="iconfont ico6" title="格式切换">&#xe63e;</span>
                    </div>
                    <div class="file-float2">
                        <span>-</span>
                    </div>
                    <div class="file-float3"><span class="follderTime">2021-11-06 11:54</span></div>
                </div>
                <div class="container-center3-folder">
                    <div class="file-float1">
                        <div class="squareFrame"></div>
                        <img src="../img/文件夹图片.png" class="ml-2">
                        <a href="#" class="ml-2" title="小学">小学</a>
                    </div>
                    <div class="file-float4">
                        <span class="iconfont ico5" title="格式切换">&#xe799;</span>
                        <span class="iconfont ico6" title="格式切换">&#xe60f;</span>
                        <span class="iconfont ico6" title="格式切换">&#xe63e;</span>
                    </div>
                    <div class="file-float2">
                        <span>-</span>
                    </div>
                    <div class="file-float3"><span class="follderTime">2021-11-06 11:54</span></div>
                </div>
                <div class="container-center3-folder">
                    <div class="file-float1">
                        <div class="squareFrame"></div>
                        <img src="../img/文件夹图片.png" class="ml-2">
                        <a href="#" class="ml-2" title="小学">小学</a>
                    </div>
                    <div class="file-float4">
                        <span class="iconfont ico5" title="格式切换">&#xe799;</span>
                        <span class="iconfont ico6" title="格式切换">&#xe60f;</span>
                        <span class="iconfont ico6" title="格式切换">&#xe63e;</span>
                    </div>
                    <div class="file-float2">
                        <span>-</span>
                    </div>
                    <div class="file-float3"><span class="follderTime">2021-11-06 11:54</span></div>
                </div>
            </div> -->



            <!-- 文档篇 -->
            <!-- <div class="container-center4 ">
                <div class="container-center4-documentation">
                    <div class="file-float1">
                        <div class="squareFrame"></div>
                        <img src="../img/word图片.png" class="ml-2">
                        <a href="#" class="ml-2" title="文档">某某文档</a>
                    </div>
                    <div class="file-float4">
                        <span class="iconfont ico5" title="格式切换">&#xe799;</span>
                        <span class="iconfont ico6" title="格式切换">&#xe60f;</span>
                        <span class="iconfont ico6" title="格式切换">&#xe63e;</span>
                    </div>
                    <div class="file-float2">
                        <span>2M</span>
                    </div>
                    <div class="file-float3"><span class="follderTime">2021-11-06 11:54</span></div>
                </div>
                <div class="container-center4-documentation">
                    <div class="file-float1">
                        <div class="squareFrame"></div>
                        <img src="../img/excel图片.png" class="ml-2">
                        <a href="#" class="ml-2" title="表格">某某表格</a>
                    </div>
                    <div class="file-float4">
                        <span class="iconfont ico5" title="格式切换">&#xe799;</span>
                        <span class="iconfont ico6" title="格式切换">&#xe60f;</span>
                        <span class="iconfont ico6" title="格式切换">&#xe63e;</span>
                    </div>
                    <div class="file-float2">
                        <span>2M</span>
                    </div>
                    <div class="file-float3"><span class="follderTime">2021-11-06 11:54</span></div>
                </div>
                <div class="container-center4-documentation">
                    <div class="file-float1">
                        <div class="squareFrame"></div>
                        <img src="../img/ppt图片.png" class="ml-2">
                        <a href="#" class="ml-2" title="PPT">新建PPT</a>
                    </div>
                    <div class="file-float4">
                        <span class="iconfont ico5" title="格式切换">&#xe799;</span>
                        <span class="iconfont ico6" title="格式切换">&#xe60f;</span>
                        <span class="iconfont ico6" title="格式切换">&#xe63e;</span>
                    </div>
                    <div class="file-float2">
                        <span>5M</span>
                    </div>
                    <div class="file-float3"><span class="follderTime">2021-11-06 11:54</span></div>
                </div>
                <div class="container-center4-documentation">
                    <div class="file-float1">
                        <div class="squareFrame"></div>
                        <img src="../img/pdf图片.png" class="ml-2">
                        <a href="#" class="ml-2" title="PDF">某某文档</a>
                    </div>
                    <div class="file-float4">
                        <span class="iconfont ico5" title="格式切换">&#xe799;</span>
                        <span class="iconfont ico6" title="格式切换">&#xe60f;</span>
                        <span class="iconfont ico6" title="格式切换">&#xe63e;</span>
                    </div>
                    <div class="file-float2">
                        <span>2M</span>
                    </div>
                    <div class="file-float3"><span class="follderTime">2021-11-06 11:54</span></div>
                </div>
                <div class="container-center4-documentation">
                    <div class="file-float1">
                        <div class="squareFrame"></div>
                        <img src="../img/txt图片.png" class="ml-2">
                        <a href="#" class="ml-2" title="txt">某某文档</a>
                    </div>
                    <div class="file-float4">
                        <span class="iconfont ico5" title="格式切换">&#xe799;</span>
                        <span class="iconfont ico6" title="格式切换">&#xe60f;</span>
                        <span class="iconfont ico6" title="格式切换">&#xe63e;</span>
                    </div>
                    <div class="file-float2">
                        <span>12KB</span>
                    </div>
                    <div class="file-float3"><span class="follderTime">2021-11-23 11:54</span></div>
                </div>
            </div> -->

            <!-- 视频篇 -->
            <!-- <div class="container-center5 ">
                <div class="container-center5-video">
                    <div class="file-float1">
                        <div class="squareFrame"></div>
                        <img src="../img/视频图片.png" class="ml-2">
                        <a href="#" class="ml-2" title="视频">01阅读-阅读理解大纲综述.mp4 </a>
                    </div>
                    <div class="file-float4">
                        <span class="iconfont ico5" title="格式切换">&#xe799;</span>
                        <span class="iconfont ico6" title="格式切换">&#xe60f;</span>
                        <span class="iconfont ico6" title="格式切换">&#xe63e;</span>
                    </div>
                    <div class="file-float2">
                        <span>100M</span>
                    </div>
                    <div class="file-float3"><span class="follderTime">2021-11-02 11:54</span></div>
                </div>
                <div class="container-center5-video">
                    <div class="file-float1">
                        <div class="squareFrame"></div>
                        <img src="../img/视频图片.png" class="ml-2">
                        <a href="#" class="ml-2" title="视频">01阅读-阅读理解大纲综述.mp4</a>
                    </div>
                    <div class="file-float4">
                        <span class="iconfont ico5" title="格式切换">&#xe799;</span>
                        <span class="iconfont ico6" title="格式切换">&#xe60f;</span>
                        <span class="iconfont ico6" title="格式切换">&#xe63e;</span>
                    </div>
                    <div class="file-float2">
                        <span>100M</span>
                    </div>
                    <div class="file-float3"><span class="follderTime">2021-11-02 11:54</span></div>
                </div>
                <div class="container-center5-video">
                    <div class="file-float1">
                        <div class="squareFrame"></div>
                        <img src="../img/视频图片.png" class="ml-2">
                        <a href="#" class="ml-2" title="视频">0001.中国网络电视台-VIDEO:SUN-ANCHOR ON NEW FILIAL
                            PIETY.wmv</a>
                    </div>
                    <div class="file-float4">
                        <span class="iconfont ico5" title="格式切换">&#xe799;</span>
                        <span class="iconfont ico6" title="格式切换">&#xe60f;</span>
                        <span class="iconfont ico6" title="格式切换">&#xe63e;</span>
                    </div>
                    <div class="file-float2">
                        <span>100M</span>
                    </div>
                    <div class="file-float3"><span class="follderTime">2021-11-02 11:54</span></div>
                </div>
                <div class="container-center5-video">
                    <div class="file-float1">
                        <div class="squareFrame"></div>
                        <img src="../img/视频图片.png" class="ml-2">
                        <a href="#" class="ml-2" title="视频">16 阅读-题干特征及解题技巧(—) .mp4</a>
                    </div>
                    <div class="file-float4">
                        <span class="iconfont ico5" title="格式切换">&#xe799;</span>
                        <span class="iconfont ico6" title="格式切换">&#xe60f;</span>
                        <span class="iconfont ico6" title="格式切换">&#xe63e;</span>
                    </div>
                    <div class="file-float2">
                        <span>100M</span>
                    </div>
                    <div class="file-float3"><span class="follderTime">2021-11-02 11:54</span></div>
                </div> -->



            <!-- 音乐 -->
            <!-- <div class="container-center6">
                    <div class="container-center6-music">
                        <div class="file-float1">
                            <div class="squareFrame"></div>
                            <img src="../img/音乐图片.png" class="ml-2">
                            <a href="#" class="ml-2" title="视频">001-BBC News Item 1.mp3</a>
                        </div>
                        <div class="file-float4">
                            <span class="iconfont ico5" title="格式切换">&#xe799;</span>
                            <span class="iconfont ico6" title="格式切换">&#xe60f;</span>
                            <span class="iconfont ico6" title="格式切换">&#xe63e;</span>
                        </div>
                        <div class="file-float2">
                            <span>100M</span>
                        </div>
                        <div class="file-float3"><span class="follderTime">2021-11-02 11:54</span></div>
                    </div>
                    <div class="container-center6-music">
                        <div class="file-float1">
                            <div class="squareFrame"></div>
                            <img src="../img/音乐图片.png" class="ml-2">
                            <a href="#" class="ml-2" title="视频">007&008 - Are You a Teacher.mp3</a>
                        </div>
                        <div class="file-float4">
                            <span class="iconfont ico5" title="格式切换">&#xe799;</span>
                            <span class="iconfont ico6" title="格式切换">&#xe60f;</span>
                            <span class="iconfont ico6" title="格式切换">&#xe63e;</span>
                        </div>
                        <div class="file-float2">
                            <span>100M</span>
                        </div>
                        <div class="file-float3"><span class="follderTime">2021-11-02 11:54</span></div>
                    </div>
                    <div class="container-center6-music">
                        <div class="file-float1">
                            <div class="squareFrame"></div>
                            <img src="../img/音乐图片.png" class="ml-2">
                            <a href="#" class="ml-2" title="视频">010-BBC News Item 10.mp3</a>
                        </div>
                        <div class="file-float4">
                            <span class="iconfont ico5" title="格式切换">&#xe799;</span>
                            <span class="iconfont ico6" title="格式切换">&#xe60f;</span>
                            <span class="iconfont ico6" title="格式切换">&#xe63e;</span>
                        </div>
                        <div class="file-float2">
                            <span>100M</span>
                        </div>
                        <div class="file-float3"><span class="follderTime">2021-11-02 11:54</span></div>
                    </div>
                    <div class="container-center6-music">
                        <div class="file-float1">
                            <div class="squareFrame"></div>
                            <img src="../img/音乐图片.png" class="ml-2">
                            <a href="#" class="ml-2" title="视频">018-BBC News Item 18.mp3</a>
                        </div>
                        <div class="file-float4">
                            <span class="iconfont ico5" title="格式切换">&#xe799;</span>
                            <span class="iconfont ico6" title="格式切换">&#xe60f;</span>
                            <span class="iconfont ico6" title="格式切换">&#xe63e;</span>
                        </div>
                        <div class="file-float2">
                            <span>100M</span>
                        </div>
                        <div class="file-float3"><span class="follderTime">2021-11-02 11:54</span></div>
                    </div>
                </div> -->
        </div>
    </div>

    <script>
        function a(url){
            $.get(url,function(data){
                $(".SelectConter").html(data)
            });
            console.log("hhhh");
    	}
    </script>


    <!-- <script src="https://code.jquery.com/jquery-3.3.1.slim.min.js"
        integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous">
    </script> -->
    <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js"
        integrity="sha384-UO2eT0CpHqdSJQ6hJty5KVphtPhzWj9WO1clHTMGa3JDZwrnQq4sF86dIHNDz0W1" crossorigin="anonymous">
    </script>
    <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js"
        integrity="sha384-JjSmVgyd0p3pXB1rRibZUAYoIIy6OrQ6VrjIEaFf/nJGzIxFDsf4x0xIM+B07jRM" crossorigin="anonymous">
    </script>
</body>

</html>